﻿@{
    Layout = "../_Admin_Base.cshtml";
}
@section head {
    <link rel="stylesheet" href="~/Content/User/Index/table.css"/>
}

<div class="container">
    <div class="bglist col-md-12">
        <div class="list-title">设备连接列表</div>
        <div class="list-body">
            <div class="row">
                <div class="col-md-4">
                    <div class="list-control-num">
                            <select class="form-control">
                                <option>10</option>
                                <option>25</option>
                                <option>50</option>
                                <option>100</option>
                            </select>
                    </div>
                    条每页
                </div>
                <div class="col-md-8">
                    <div class="list-control-search">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" value="" class="form-control" />
                                <span class="input-group-btn">
                                    <button class="btn btn-default">搜索</button>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>设备ID</th>
                        <th>设备名称</th>
                        <th>连接时长</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>intel-board</td>
                        <td>3小时23分钟</td>
                        <td>
                            <div class="btn-group center-block">
                                <button class="btn btn-default">操作1</button>
                                <button class="btn btn-default">操作2</button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="center-absolute">
                <div class="list-control-bottom">
                    <nav>
                        <ul class="pagination">
                            <li>
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">上一页</span>
                                </a>
                            </li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li>
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">下一页</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>

@section scripts {
    
}